Skip to content

Add immediate deployment verification text to home view#2

Draft
Copilot wants to merge 3 commits intomainfrom
copilot/add-home-placeholder-element
Draft

Add immediate deployment verification text to home view#2
Copilot wants to merge 3 commits intomainfrom
copilot/add-home-placeholder-element

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Jan 21, 2026

Adds visible placeholder text to home route for Vercel deployment verification. Currently, the home view relies on animated hero slides with image loading, which may not immediately confirm the site is live.

Changes

  • Added "NEXLYN - MikroTik Master Distributor" text element at top of hero section (App.tsx line 903-905)
  • Styled with existing design system: font-black, uppercase, tracking-tighter, responsive sizing (text-4xl md:text-6xl)
  • Brand color accent on "MikroTik Master Distributor" via text-nexlyn class
  • Positioned above category badge and main h1, independent of image/animation loading
<div className="text-4xl md:text-6xl font-black uppercase tracking-tighter text-slate-900 dark:text-white">
  NEXLYN - <span className="text-nexlyn">MikroTik Master Distributor</span>
</div>

Note

Uses div rather than heading tag to maintain semantic hierarchy with existing h1 element.

Original prompt

Problem

The default home route (view === 'home') needs a visible placeholder element to confirm the deployment is working on Vercel. While the deployment build completed successfully, we want to ensure something shows immediately on the home route so users can verify the site is live.

Current Implementation

Currently, the home view (in App.tsx around line 907-945) renders:

  • A hero section with image slides from heroSlides array
  • Slide transitions with animations
  • Overlay gradients

Requested Changes

Add a simple, visible heading or text element to the home view section that will immediately confirm the deployment is working. This should be:

  1. Visible immediately - Not dependent on image loading or animations
  2. Simple - Just a heading like "Welcome to NEXLYN" or "NEXLYN - MikroTik Master Distributor"
  3. Well-positioned - Should be clearly visible on the hero section
  4. Styled appropriately - Following the existing design system (nexlyn color, uppercase, bold tracking)

Suggested Implementation

Add a heading element within the home view's hero section that:

  • Uses the existing styling patterns (font-black, uppercase, tracking-tighter)
  • Includes the nexlyn brand color accent
  • Is positioned prominently in the hero section
  • Won't interfere with existing animations and content

Reference

The deployment screenshot shows:
image1

The build completed successfully but we need visible confirmation on the home route.

Files to Modify

  • App.tsx - Add the placeholder heading within the {view === 'home' && ( section around the hero content area

This is a quick fix to ensure the deployment visibility while you iterate on the actual home page content.

This pull request was created from Copilot chat.


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 21, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
nexlyn Ready Ready Preview, Comment Jan 21, 2026 10:52am
nexlyn-v2 Ready Ready Preview, Comment Jan 21, 2026 10:52am

Co-authored-by: vishnu-madhavan-git <237662584+vishnu-madhavan-git@users.noreply.github.com>
Co-authored-by: vishnu-madhavan-git <237662584+vishnu-madhavan-git@users.noreply.github.com>
Copilot AI changed the title [WIP] Add placeholder text to confirm deployment on home route Add immediate deployment verification text to home view Jan 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants